<template>
  <div>
    <Search :classifyId="classifyId" />
    <List :classifyId="classifyId" />
    <Add :classifyId="classifyId" />
    <Preview />
  </div>
</template>
<script>
export default {
  components: {
    Search: () => import('./Search.vue'),
    List: () => import('./List.vue'),
    Add: () => import('./Add.vue'),
    Preview: () => import('./Preview.vue'),
  },
  data() {
    return {
      classifyId: '',
    }
  },
  mounted() {
    this.$bus.$on('changeClassifyId', (v) => {
      this.classifyId = v
    })
  },
  beforeDestroy() {
    this.$bus.$off('changeClassifyId')
  },
  methods: {},
}
</script>
<style scoped lang="scss">
</style>